<!--页面标题-->
<template>
    <el-card style="position: fixed;height: 80px;width: 88%;overflow-y: hidden;overflow-x:hidden;top: 0;left: 12%; background-image: linear-gradient(#d6d6d6, #ffffff,#ffffff,#ffffff);text-align: left;z-index: 999">
        <h2 style="margin-top: -10px">全国车辆管理系统</h2>
        <el-breadcrumb separator="-" style="margin-top: -10px">
            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
<!--            <el-breadcrumb-item><a :href="position.routeString">{{position.secondTitle}}</a></el-breadcrumb-item>-->
            <el-breadcrumb-item  :to="{ path: $route.path }">{{position.secondTitle}}</el-breadcrumb-item>
            <el-breadcrumb-item>{{position.thirdTitle}}</el-breadcrumb-item>
        </el-breadcrumb>
    </el-card>
</template>

<script>
    export default {
        name: "Header",
        props:{
            position:{
                secondTitle:String,
                thirdTitle:String,
            },
        }
    }
</script>

<style scoped>

</style>
